<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小马视频－内置图标和按钮</title>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

</head>
<body>
    
    <div class="container" style="margin-top:30px;">
        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
        <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
        <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
        <span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
        <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
        
        <hr/>
        
        <button type="button" class="btn btn-default" aria-label="Left Align">
            <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
        </button>
        <button type="button" class="btn btn-default btn-lg">
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>星星按钮
        </button>
        
        <hr/>

        <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default">左</button>
            <button type="button" class="btn btn-default">中</button>
            <button type="button" class="btn btn-default">右</button>
        </div>
        
        <hr/>
        
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            文件 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">打开文件</a></li>
                <li><a href="#">关闭文件</a></li>
                <li><a href="#">保存文件</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">退出系统</a></li>
            </ul>
        </div>
        
    </div>
    
    <!-- jQuery库应该在bootstrap.min.js之前加载，否则下拉菜单按钮组不起作用 -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    
</body>
</html>

<!--
        

        
-->
